<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$system_set.site_title}</title>
    <meta name="keywords" content="微信小程序,湖北思洋互动信息技术有限公司">
    <meta name="description" content="微信小程序-湖北思洋互动信息技术有限公司">
    <link rel="stylesheet" href="/static/home/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/home/css/swiper.min.css">
    <link rel="stylesheet" href="/static/home/css/font/iconfont.css">
    <link rel="stylesheet" href="/static/home/css/animate.min.css">
    <link rel="stylesheet" href="/static/home/css/common.css">
    <link rel="stylesheet" href="/static/home/css/header.css">
    <link rel="stylesheet" href="/static/home/css/footer.css">
    <link rel="stylesheet" href="/static/home/css/minipro.css">
</head>
<body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="type-area">
            <!-- Brand and toggle get grouped for better mobile display -->
            <a href="{$tmdurl}"><img class="logo" src="{$system_set.logo}" alt=""></a>
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span> <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="{$tmdurl}">首页</a></li>
                    <li><a href="{:url('customization/customization')}">高端定制</a></li>
                    <li><a href="{:url('minipro/minipro')}" class="header-active">微信小程序</a></li>
                    <li><a href="{:url('apps/apps')}">APP开发</a></li>
                    <li><a href="{:url('ebusiness/ebusiness')}">社区电商</a></li>
                    <li><a href="{:url('wechat/wechat')}">企业微信</a></li>
                    <!-- <li><a href="{:url('new-media/new-media')}">新媒体运营</a></li> -->
                    <li><a href="{:url('cases/cases')}">经典案例</a></li>
                    <li><a href="{:url('contactus/aboutus')}">关于我们</a></li>
                    <li><a href="{:url('contactus/contactus')}">联系我们</a></li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <div class="holder"></div>
    <!-- banner -->
    <div class="banner clearfix" style="background-image: url({$minipro_banner.banner});">
        <div class="banner-title">&nbsp;</div>
        <div class="banner-titlesub">&nbsp;</div>
        <a data-toggle="modal" href="#myModal" class="banner-btn wechat-btn1">免费咨询</a>
    </div>
    <!-- 联系我们 -->
    <div class="ad">
        <a href="" class="ad-item">
            <div class="item-first">
                <span class="iconfont icon-liuyan"></span>
                <div>业务咨询</div>
            </div>
        </a>
        <a href="" class="ad-item">
            <div class="item-first">
                <span class="iconfont icon-hudunbaohuyanzhengma-"></span>
                <div>售后服务</div>
            </div>
        </a>
        <div class="ad-item" id="phone-no">
            <div class="item-first">
                <span class="iconfont icon-dianhua"></span>
                <div>咨询电话</div>
            </div>
            <div class="phone-no"><span>027-85667677</span></div>
        </div>
        <div class="ad-item" id="backtop">
            <div class="item-first">
                <span class="iconfont icon-top"></span>
                <div>返回顶部</div>
            </div>
        </div>
    </div>
    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <!-- <div class="modal-header"> -->
                    <span class="iconfont icon-qingchu" data-dismiss="modal" aria-hidden="true"></span>
                    <div class="title1">我们为您提供</div>
                    <div class="title2">互联网全区域营销解决方案</div>
                    <div class="title3">服务包含策略规划, 用户体验设计、视觉设计、技术研发、平台运维</div>
                    <div class="info">
                        <form>
                            <div class="info-left">
                                <div class="left-item form-group">
                                    <input class="form-control" name="username" type="text" placeholder="请输入您的姓名">
                                </div>
                                <div class="left-item form-group">
                                    <input class="form-control" name="userphone" type="text" placeholder="请输入您的电话">
                                </div>
                            </div>
                            <button id="modal_btn" type="button" class="info-right modal-btn">免费试用</button>
                        </form>
                    </div>
                    <div class="methods">
                        <div>电 话/微 信：<span>{$system_set.wechat}</span></div>
                        <div>QQ咨 询：<span>{$system_set.qq}</span></div>
                    </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!-- 平台管理 -->
    <div class="manage">
        <div class="center">
            <div class="manage-title wow animated">{$minipro_platforms_title.title}</div>
            <div class="title-separation wow animated"><img src="/static/home/img/shop/down.jpg" alt=""></div>
            <div class="manage-titlesub wow animated">{$minipro_platforms_title.subtitle}</div>
            <div class="manage-content">
                {foreach $minipro_platforms as $k=>$v}
                <div class="manage-item wow animated"><img class="animate-act" src="{$v.icon}" alt=""><div>{$v.title}</div></div>
                {/foreach}
            </div>
        </div>
    </div>
    <!-- 小程序的优势 -->
    <div class="advantage">
        <div class="center">
            <div class="advantage-title wow animated">{$minipro_advantages_title.title}</div>
            <div class="title-separation wow animated"><img src="/static/home/img/shop/down.jpg" alt=""></div>
            <div class="advantage-titlesub wow animated">{$minipro_advantages_title.subtitle}</div>
            <div class="advantage-content">
                {foreach $minipro_advantages as $k=>$v}
                <div class="advantage-item wow animated">
                   <img class="animate-act" src="{$v.icon}" alt="">
                    <div class="item-title">{$v.title}</div>
                    <div class="item-desc">{$v.description}</div>
                </div>
                {/foreach}
            </div> 
        </div>
    </div>
    <!-- 功能优势 -->
    <div class="effect">
        <div class="center">
            <div class="effect-title wow animated">{$minipro_functions_title.title}</div>
            <div class="title-separation wow animated"><img src="/static/home/img/shop/down.jpg" alt=""></div>
            <div class="effect-titlesub wow animated">{$minipro_functions_title.subtitle}</div>
            <div class="effect-content">
                {foreach $minipro_functions as $k=>$v}
                <div class="effect-item">
                    <div class="item-content wow animated">
                        <div class="item-title">{$v.title}</div>
                        <div class="item-desc">{$v.description}</div>
                        <a data-toggle="modal" href="#myModal" class="item-btn wechat-btn2">免费试用</a>
                    </div>
                    <div class="item-img wow animated"><img src="{$v.icon}" alt=""></div>
                </div>
                {/foreach}
            </div> 
        </div>
    </div>
    <!-- 提供的服务 -->
    <div class="supply">
        <div class="center">
            <div class="supply-title wow animated">{$minipro_server_title.title}<a href="" class="advisory wechat-btn3">免费咨询</a></div>
            <div class="title-separation wow animated"><img src="/static/home/img/shop/down.jpg" alt=""></div>
            <div class="supply-titlesub wow animated">{$minipro_server_title.subtitle}</div>
            <div class="supply-content">
                {foreach $minipro_server as $k=>$v}
                <div class="supply-item wow animated">
                    <img class="animate-act" src="{$v.icon}" alt="">
                    <div class="item-desc">{$v.title}</div>
                </div>
                {/foreach}
            </div> 
        </div>
    </div>
    <!-- 页尾 -->
    <footer>
        <div class="center">
            {foreach $headquarters_branches as $k=>$v}
            <div class="footer-item">
                <a class="item-title" href="{$v.site_url}">
                    <!-- <div>思洋<div class="item-circle"></div>广州总部</div> -->
                    <div>{$v.company_name}</div>
                </a>
                <div class="item-address">{$v.company_address}</div>
                <div class="item-email">{if $v.site_url}Site/&nbsp;&nbsp;{$v.site_url}{/if}</div>
                <div class="item-email">{$v.email}</div>
                <div class="item-email">{$v.phone}</div>
                <div class="item-phone">{$v.tel}</div>
            </div>
            {/foreach}
        </div>
    </footer>
    <div class="bottom">
        <div class="center">
            <div class="project">
                {foreach $others as $k=>$v}
                <a href="{$v.link}" class="bottom-item">{$v.others}</a>
                <div class="line"></div>
                {/foreach}
            </div>
            <div class="copyright">
                <div class="name"><a href="http://beian.miit.gov.cn">©{:date('Y',time())} {$system_set.copyright} ALL RIGHTS RESERVED.
                        保留所有权鄂ICP备{$system_set.icp}</a></div>
                <div class="support"><a href="http://www.hbciya.cn">Powerd by:Ciya</a></div>
            </div>
        </div>
    </div>
</body>
    <script src="/static/home/js/jquery.js"></script>
    <script src="/static/home/js/bootstrap.min.js"></script>
    <script src="/static/home/js/anime.min.js"></script>
    <script src="/static/home/js/wow.min.js"></script>
    <script src="/static/home/js/common.js"></script>
    <script type="text/javascript" src="/static/lib/layer/2.4/layer.js"></script>
    <script>
        
        $("#modal_btn").click(function() {
            var username=$("input[name=username]").val();
            var userphone=$("input[name=userphone]").val();
            $.ajax({
                type: 'POST',
                url: "{:url('index/messageup')}",
                data: {username:username,userphone:userphone},
                success: function(resdata){
                    if(resdata.code==200){
                        layer.msg(resdata.msg,{icon:1,time:1000});
                        setTimeout("parent.location.reload()",1000);
                    }else{
                        layer.msg(resdata.msg,{icon:2,time:3000});
                    }
                },
                error: function(){
                    layer.msg('数据保存失败',{icon:2,time:3000});
                }
            })
        })
    </script>
</html>